<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width">
	<title>Document</title>
	<link rel="stylesheet" href="css/common.css">
	<link rel="stylesheet" href="css/font.css">
	<link rel="stylesheet" href="css/header.css">
	<link rel="stylesheet" href="css/font-awesome/css/font-awesome.css">
	<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
	<style>
	html{
		/*visibility: none*/
		overflow-x:hidden;
	}
	::selection{
		background-color: #ff6700;
		color: #fff;
	}
	</style>
</head>
<body>
	<header>
		<!-- 顶部导航栏 -->
		<div class="nav nav-font" id="top">
			<div class="navmenu">
				<div class="lf-menu">
					<a href="javascript:;">小米商城</a>
					<span>|</span><a href="javascript:;">MIUI</a>
					<span>|</span><a href="javascript:;">loT</a>
					<span>|</span><a href="javascript:;">云服务</a>
					<span>|</span><a href="javascript:;">金融</a>
					<span>|</span><a href="javascript:;">有品</a>
					<span>|</span><a href="javascript:;">小爱开放平台</a>
					<span>|</span><a href="javascript:;">政企服务</a>
					<span>|</span><a href="javascript:;">下载app</a>
					<span>|</span><a href="javascript:;">Selec Region</a>
				</div>
				<div class="rt-menu">
					<ul>
						<div class='cart' id="cart">
							<i class="fa fa-shopping-cart" aria-hidden="true"></i> 购物车 (0)
							<div class="box" id="cart-box">
								<span>购物车还没有商品,赶紧选购吧!</span>
							</div>
						</div>
						<div class="infobtn">
							<a href="javascript:;">登录</a>
							<span>|</span><a href="javascript:;">注册</a>
							<span>|</span><a href="javascript:;">消息通知</a>
						</div>
					</ul>
				</div>
			</div>
		</div>
		<!-- logo和菜单部分 -->
		<div class="container">
			<div class="side-header">
				<a href="javascript:;"><img class="logo" src="images/logo.jpg" alt=""></a>
				<img class="gif" src="images/gif.gif" alt="">
				<div class="menu font font-16px">
					<ul id="showmenu">
						<li><a href="javascript:;">小米手机</a>
							<div class="hide-menu font-12px" id="hide-menu">
								<div class="container">
									<ul>
										<li>
											<img src="images/ph1.png" alt="">
											<p>小米mix3</p>
											<p class="orange">价格3199</p>
										</li>
										<li>
											<img src="images/ph2.png" alt="">
											<p>小米6</p>
											<p class="orange">价格2499</p>
										</li>
										<li>
											<img src="images/ph3.png" alt="">
											<p>小米6青春版</p>
											<p class="orange">价格2699</p>
										</li>
										<li>
											<img src="images/ph4.png" alt="">
											<p>小米5s</p>
											<p class="orange">价格3099</p>
										</li>
										<li>
											<img src="images/ph5.png" alt="">
											<p>小米mix3发烧版</p>
											<p class="orange">价格2799</p>
										</li>
										<li>
											<img src="images/ph6.png" alt="" class="">
											<p>红米6s</p>
											<p class="orange">价格1499</p>
										</li>
									</ul>
								</div>
							</div>
						</li>
						<li>
							<a href="javascript:;">红米</a>
							<div class="hide-menu font-12px" id="hide-menu">
								<div class="container">
									<ul>
										<li>
											<img src="images/ph3.png" alt="">
											<p>红米m3</p>
											<p class="orange">价格3199</p>
										</li>
										<li>
											<img src="images/ph4.png" alt="">
											<p>红米m6</p>
											<p class="orange">价格2499</p>
										</li>
										<li>
											<img src="images/ph6.png" alt="">
											<p>红米m3青春版</p>
											<p class="orange">价格2699</p>
										</li>
										<li>
											<img src="images/ph2.png" alt="">
											<p>红米m35s</p>
											<p class="orange">价格3099</p>
										</li>
										<li>
											<img src="images/ph2.png" alt="">
											<p>红米m发烧版本</p>
											<p class="orange">价格2799</p>
										</li>
										<li>
											<img src="images/ph1.png" alt="" class="">
											<p>红米6s</p>
											<p class="orange">价格1499</p>
										</li>
									</ul>
								</div>
							</div>
						</li>
						<li>
							<a href="javascript:;">电视</a>
							<div class="hide-menu font-12px" id="hide-menu">
								<div class="container">
									<ul>
										<li>
											<img src="images/ph3.png" alt="">
											<p>电视</p>
											<p class="orange">价格3199</p>
										</li>
										<li>
											<img src="images/ph5.png" alt="">
											<p>电视</p>
											<p class="orange">价格3199</p>
										</li>
										<li>
											<img src="images/ph2.png" alt="">
											<p>电视</p>
											<p class="orange">价格3199</p>
										</li>
										<li>
											<img src="images/ph6.png" alt="">
											<p>电视</p>
											<p class="orange">价格3199</p>
										</li>
										<li>
											<img src="images/ph1.png" alt="">
											<p>电视</p>
											<p class="orange">价格3199</p>
										</li>
										<li>
											<img src="images/ph3.png" alt="" class="">
											<p>电视</p>
											<p class="orange">价格3199</p>
										</li>
									</ul>
								</div>
							</div>
						</li>
						<li>
							<a href="javascript:;">笔记本</a>
							<div class="hide-menu font-12px" id="hide-menu">
								<div class="container">
									<ul>
										<li>
											<img src="images/ph6.png" alt="">
											<p>小米mix3</p>
											<p class="orange">价格3199</p>
										</li>
										<li>
											<img src="images/ph2.png" alt="">
											<p>小米6</p>
											<p class="orange">价格2499</p>
										</li>
										<li>
											<img src="images/ph4.png" alt="">
											<p>小米6青春版</p>
											<p class="orange">价格2699</p>
										</li>
										<li>
											<img src="images/ph3.png" alt="">
											<p>小米5s</p>
											<p class="orange">价格3099</p>
										</li>
										<li>
											<img src="images/ph1.png" alt="">
											<p>小米mix3发烧版</p>
											<p class="orange">价格2799</p>
										</li>
										<li>
											<img src="images/ph6.png" alt="" class="">
											<p>红米6s</p>
											<p class="orange">价格1499</p>
										</li>
									</ul>
								</div>
							</div>
						</li>
						<li>
							<a href="javascript:;">空调</a>
							<div class="hide-menu font-12px" id="hide-menu">
								<div class="container">
									<ul>
										<li>
											<img src="images/ph2.png" alt="">
											<p>小米mix3</p>
											<p class="orange">价格3199</p>
										</li>
										<li>
											<img src="images/ph4.png" alt="">
											<p>小米6</p>
											<p class="orange">价格2499</p>
										</li>
										<li>
											<img src="images/ph3.png" alt="">
											<p>小米6青春版</p>
											<p class="orange">价格2699</p>
										</li>
										<li>
											<img src="images/ph2.png" alt="">
											<p>小米5s</p>
											<p class="orange">价格3099</p>
										</li>
										<li>
											<img src="images/ph5.png" alt="">
											<p>小米mix3发烧版</p>
											<p class="orange">价格2799</p>
										</li>
										<li>
											<img src="images/ph3.png" alt="" class="">
											<p>红米6s</p>
											<p class="orange">价格1499</p>
										</li>
									</ul>
								</div>
							</div>
						</li>
						<li>
							<a href="javascript:;">新品</a>
							<div class="hide-menu font-12px" id="hide-menu">
								<div class="container">
									<ul>
										<li>
											<img src="images/ph3.png" alt="">
											<p>小米mix3</p>
											<p class="orange">价格3199</p>
										</li>
										<li>
											<img src="images/ph2.png" alt="">
											<p>小米6</p>
											<p class="orange">价格2499</p>
										</li>
										<li>
											<img src="images/ph5.png" alt="">
											<p>小米6青春版</p>
											<p class="orange">价格2699</p>
										</li>
										<li>
											<img src="images/ph4.png" alt="">
											<p>小米5s</p>
											<p class="orange">价格3099</p>
										</li>
										<li>
											<img src="images/ph1.png" alt="">
											<p>小米mix3发烧版</p>
											<p class="orange">价格2799</p>
										</li>
										<li>
											<img src="images/ph6.png" alt="" class="">
											<p>红米6s</p>
											<p class="orange">价格1499</p>
										</li>
									</ul>
								</div>
							</div>
						</li>
						<li><a href="javascript:;">路由器</a></li>
						<li><a href="javascript:;">智能硬件</a></li>
						<li><a href="javascript:;">服务</a></li>
						<li><a href="javascript:;">社区</a></li>
					</ul>
				</div>
				<div class="search">
					<input class="search-text font" type="text" name="" id="" placeholder="请输入商品">
					<i class="fa fa-search" aria-hidden="true"></i>
				</div>
			</div>

		</div>

		<!-- 目录,轮播图区 -->
		<div class="container ">
			<div class="site-category">
				<div class="carousel">
					<div class="ctrl-btn">
						<div class="lf-btn">
							<i class="fa fa-angle-left" aria-hidden="true"></i>
						</div>
						<div class="rt-btn">
							<i class="fa fa-angle-right" aria-hidden="true"></i>
						</div>
						<div class="dot-btn">
							<li class="dot active""></li>
							<li class=" dot"></li>
							<li class="dot"></li>
							<li class="dot"></li>
							<li class="dot"></li>
						</div>
					</div>
					<div class="carousel-pic">
						<a href="#"><img class="active" src="images/c1.jpg" alt=""></a>
						<a href="#"><img src="images/c2.jpg" alt=""></a>
						<a href="#"><img src="images/c3.jpg" alt=""></a>
						<a href="#"><img src="images/c4.jpg" alt=""></a>
						<a href="#"><img src="images/c5.jpg" alt=""></a>
					</div>
				</div>
				<!-- 左侧目录 -->
				<div class="lf-menu lf-box font-14px" id="lf-menu">
					<ul>
						<li>
							手机 电话卡<i class="fa fa-angle-right" aria-hidden="true"></i>
							<div class="hide-rt-menu">
								<div class="box"><img src="images/ph1.png" alt=""><span>小米mix3</span></div>
								<div class="box"><img src="https://i1.mifile.cn/a1/pms_1545457703.71734471!220x220.png" alt=""><span>小米mix3</span></div>
								<div class="box"><img src="https://i1.mifile.cn/a1/pms_1527685277.65255600!220x220.jpg" alt=""><span>小米mix3</span></div>
								<div class="box"><img src="https://i1.mifile.cn/a1/pms_1522034061.12391230!220x220.jpg" alt=""><span>小米mix3</span></div>
								<div class="box"><img src="https://i1.mifile.cn/a1/pms_1531878001.22998509!220x220.jpg" alt=""><span>小米mix3</span></div>
								<div class="box"><img src="https://i1.mifile.cn/a1/pms_1524621350.77238418!220x220.jpg" alt=""><span>小米mix3</span></div>

							</div>
						</li>
						<li>
							电视 盒子<i class="fa fa-angle-right" aria-hidden="true"></i>
							<div class="hide-rt-menu">
								<div class="box"><img src="https://i1.mifile.cn/a1/pms_1510111588.69169839!220x220.jpg" alt=""><span>
										&nbsp小米电视4A</span></div>
								<div class="box"><img src="https://i1.mifile.cn/a1/pms_1500287084.72131750!220x220.jpg" alt=""><span>
										&nbsp小米电视4A</span></div>
								<div class="box"><img src="https://i1.mifile.cn/a1/pms_1522318330.86967810!220x220.jpg" alt=""><span>
										&nbsp小米电视4A</span></div>
							</div>
						</li>
						<li>
							笔记本 平板<i class="fa fa-angle-right" aria-hidden="true"></i>
							<div class="hide-rt-menu">
								<div class="box"><img src="https://i1.mifile.cn/a1/pms_1533196142.85059414!220x220.png" alt=""><span>
										&nbsp小米笔记本</span></div>
								<div class="box"><img src="https://i1.mifile.cn/a1/pms_1524636075.71677607!220x220.jpg" alt=""><span>
										&nbsp小米笔记本</span></div>
								<div class="box"><img src="https://i1.mifile.cn/a1/pms_1525231579.56571137!220x220.jpg" alt=""><span>
										&nbsp小米笔记本</span></div>
								<div class="box"><img src="https://i1.mifile.cn/a1/pms_1533266333.04566853!220x220.jpg" alt=""><span>
										&nbsp小米笔记本</span></div>
								<div class="box"><img src="https://i1.mifile.cn/a1/pms_1490702347.3628109!220x220.png" alt=""><span>
										&nbsp小米机械键盘</span></div>
							</div>
						</li>
						<li>
							家电 插线板<i class="fa fa-angle-right" aria-hidden="true"></i>
							<div class="hide-rt-menu">家电 插线板</div>
						</li>
						<li>
							出行 穿戴<i class="fa fa-angle-right" aria-hidden="true"></i>
							<div class="hide-rt-menu">出行 穿戴</div>
						</li>
						<li>
							智能 路由器<i class="fa fa-angle-right" aria-hidden="true"></i>
							<div class="hide-rt-menu">智能 路由器</div>
						</li>
						<li>
							电源 配件<i class="fa fa-angle-right" aria-hidden="true"></i>
							<div class="hide-rt-menu">电源 配件</div>
						</li>
						<li>
							健康 儿童<i class="fa fa-angle-right" aria-hidden="true"></i>
							<div class="hide-rt-menu">健康 儿童</div>
						</li>
						<li>
							耳机 音箱<i class="fa fa-angle-right" aria-hidden="true"></i>
							<div class="hide-rt-menu">耳机 音箱</div>
						</li>
						<li>
							生活 箱包<i class="fa fa-angle-right" aria-hidden="true"></i>
							<div class="hide-rt-menu">生活 箱包</div>
						</li>

					</ul>

				</div>

			</div>

		</div>
		<!-- 服务与展示区 -->
		<div class="container">
			<div class="home-hero">
				<div class="service lf-box">
					<a href="javascript:;"><i class="fa fa-phone"></i>选购手机</a>
					<a href="javascript:;"><i class="fa fa-gift"></i>企业团购</a>
					<a href="javascript:;"><i class="fa fa-money"></i>F码通道</a>
					<a href="javascript:;"><i class="fa fa-id-card"></i>米粉卡</a>
					<a href="javascript:;"><i class="fa fa-refresh"></i>以旧换新</a>
					<a href="javascript:;"><i class="fa fa-cc-paypal"></i>话费充值</a>

				</div>
				<div class="home-promo-list">
					<a href=''><img src="images/hero1.jpg" alt=""></a>
					<a href=''><img src="images/hero2.jpg" alt=""></a>
					<a href=''><img src="images/hero3.jpg" alt=""></a>
				</div>
			</div>
		</div>
		<!-- 小米闪购区 -->
		<div class="container">
			<div class="big-container">
				<h3>小米闪购</h3>
				<div class="tab-ctrl">
					<span class="lf-btn" id="tab-lf-btn">
						<i class="fa fa-angle-left" style="font-weight: bold" aria-hidden="true"></i>
					</span>
					<span class="rt-btn" id="tab-rt-btn">
						<i class="fa fa-angle-right" style="font-weight: bold" aria-hidden="true"></i>
					</span>
				</div>
			</div>
			<div class="flashPurchase">










				<div class="timer lf-box" id="timer">
					<h4>22:00 场</h4>
					<img src="https://i1.mifile.cn/f/i/2018/mihome/flashpurchase.png" alt="">
					<p class="font-14px">距离结束还有</p>
					<span class="cutOff-time">02</span>
					<span>:</span>
					<span class="cutOff-time">31</span>
					<span>:</span>
					<span class="cutOff-time">23</span>
				</div>
				<div class="slideTab">
					<div class="slidepic">
						<div class="picsbox">
							<li class='no-margin'>
								<p class="discount font-12px">立减200</p>
								<img src="https://i1.mifile.cn/f/i/g/2015/cn-index/666320.png" alt="">
								<p class="font-14px title">红米6 64GB+4GB 流沙金</p>
								<p class="font-12px info">小屏高性能的双摄手机</p>
								<p class="price font-14px">799元<span>999元</span></p>
							</li>
							<li style="border-top-color: yellowgreen">
								<p class="discount font-12px">立减200</p>
								<img src="https://i1.mifile.cn/f/i/g/2015/cn-index/6pro320-220.png" alt="">
								<p class="font-14px title">红米6Pro 128GB 科技蓝</p>
								<p class="font-12px info">小屏高性能的双摄手机</p>
								<p class="price font-14px">1199元<span>1399元</span></p>
							</li>
							<li style="border-top-color: skyblue">
								<p class="discount font-12px">立减300</p>
								<img src="https://i1.mifile.cn/f/i/g/320x220biiben.png" alt="">
								<p class="font-14px title">小米笔记本八代处理器</p>
								<p class="font-12px info">15.6寸 高清大屏</p>
								<p class="price font-14px">3299元<span>3599元</span></p>
							</li>
							<li style="border-top-color: red">
								<p class="discount font-12px">立减400</p>
								<img src="https://i1.mifile.cn/f/i/g/2015/cn-index/4a43.png" alt="">
								<p class="font-14px title">小米电视4</p>
								<p class="font-12px info">46寸 4K屏幕</p>
								<p class="price font-14px">2299元<span>2699元</span></p>
							</li>
							<li style="border-top-color: yellowgreen">
								<p class="discount font-12px">立减200</p>
								<img src="https://i1.mifile.cn/f/i/g/2015/cn-index/6pro320-220.png" alt="">
								<p class="font-14px title">红米6Pro 128GB 科技蓝</p>
								<p class="font-12px info">小屏高性能的双摄手机</p>
								<p class="price font-14px">1199元<span>1399元</span></p>
							</li>
							<li style="border-top-color: skyblue">
								<p class="discount font-12px">立减300</p>
								<img src="https://i1.mifile.cn/f/i/g/320x220biiben.png" alt="">
								<p class="font-14px title">小米笔记本八代处理器</p>
								<p class="font-12px info">15.6寸 高清大屏</p>
								<p class="price font-14px">3299元<span>3599元</span></p>
							</li>
							<li style="border-top-color: red">
								<p class="discount font-12px">立减400</p>
								<img src="https://i1.mifile.cn/f/i/g/2015/cn-index/4a43.png" alt="">
								<p class="font-14px title">小米电视4</p>
								<p class="font-12px info">46寸 4K屏幕</p>
								<p class="price font-14px">2299元<span>2699元</span></p>
							</li>
							<li style="border-top-color: yellowgreen">
								<p class="discount font-12px">立减200</p>
								<img src="https://i1.mifile.cn/f/i/g/2015/cn-index/6pro320-220.png" alt="">
								<p class="font-14px title">红米6Pro 128GB 科技蓝</p>
								<p class="font-12px info">小屏高性能的双摄手机</p>
								<p class="price font-14px">1199元<span>1399元</span></p>
							</li>
							<li style="border-top-color: skyblue">
								<p class="discount font-12px">立减300</p>
								<img src="https://i1.mifile.cn/f/i/g/320x220biiben.png" alt="">
								<p class="font-14px title">小米笔记本八代处理器</p>
								<p class="font-12px info">15.6寸 高清大屏</p>
								<p class="price font-14px">3299元<span>3599元</span></p>
							</li>
							<li style="border-top-color: red">
								<p class="discount font-12px">立减400</p>
								<img src="https://i1.mifile.cn/f/i/g/2015/cn-index/4a43.png" alt="">
								<p class="font-14px title">小米电视4</p>
								<p class="font-12px info">46寸 4K屏幕</p>
								<p class="price font-14px">2299元<span>2699元</span></p>
							</li>
						</div>

					</div>

				</div>

			</div>
			<div class="site-topbar">
				<img style="width:100%" src="https://i1.mifile.cn/a4/xmad_15444404816837_VdZWU.jpg" alt="">
			</div>
		</div>
		<div class="main">
			<div class="container">
				<h3>手机</h3>
				<h5>查看全部<i class="fa fa-angle-right"></i></h5>
				<div style="clear:both"></div>
				<div class="main-info">
					<div class="lf-box">
						<img src="https://i1.mifile.cn/a4/xmad_1544580545953_UvEXK.jpg" alt="">
					</div>
					<div class="picsbox">
						<li style="margin-left:5px;">
							<p class="discount font-12px">新品</p>
							<img src="https://i1.mifile.cn/a1/pms_1537356460.6227958!220x220.png" alt="">
							<p class="font-14px title">红米6 64GB+4GB 流沙金</p>
							<p class="font-12px info">小屏高性能的双摄手机</p>
							<p class="price font-14px">799元</p>
						</li>
						<li>
							<p class="discount font-12px">立减200</p>
							<img src="https://i1.mifile.cn/a1/pms_1537323963.1278763!220x220.jpg" alt="">
							<p class="font-14px title">红米6 64GB+4GB 流沙金</p>
							<p class="font-12px info">小屏高性能的双摄手机</p>
							<p class="price font-14px">799元<span>999元</span></p>
						</li>
						<li>
							<p class="discount font-12px">立减200</p>
							<img src="https://i1.mifile.cn/a1/pms_1527685277.65255600!220x220.jpg" alt="">
							<p class="font-14px title">红米6 64GB+4GB 流沙金</p>
							<p class="font-12px info">小屏高性能的双摄手机</p>
							<p class="price font-14px">799元<span>999元</span></p>
						</li>
						<li>
							<p class="discount font-12px">立减200</p>
							<img src="https://i1.mifile.cn/a1/pms_1522034061.12391230!220x220.jpg" alt="">
							<p class="font-14px title">红米6 64GB+4GB 流沙金</p>
							<p class="font-12px info">小屏高性能的双摄手机</p>
							<p class="price font-14px">799元<span>999元</span></p>
						</li>

					</div>
					<div class="picsbox">
						<li style="margin-left:5px;">
							<p class="discount font-12px">新品</p>
							<img src="https://i1.mifile.cn/a1/pms_1524621350.77238418!220x220.jpg" alt="">
							<p class="font-14px title">红米6 64GB+4GB 流沙金</p>
							<p class="font-12px info">小屏高性能的双摄手机</p>
							<p class="price font-14px">799元</p>
						</li>
						<li>
							<p class="discount font-12px">立减200</p>
							<img src="https://i1.mifile.cn/a1/pms_1531878001.22998509!220x220.jpg" alt="">
							<p class="font-14px title">红米6 64GB+4GB 流沙金</p>
							<p class="font-12px info">小屏高性能的双摄手机</p>
							<p class="price font-14px">799元<span>999元</span></p>
						</li>
						<li>
							<p class="discount font-12px">立减200</p>
							<img src="https://i1.mifile.cn/a1/pms_1529635815.88254264!220x220.jpg" alt="">
							<p class="font-14px title">红米6 64GB+4GB 流沙金</p>
							<p class="font-12px info">小屏高性能的双摄手机</p>
							<p class="price font-14px">799元<span>999元</span></p>
						</li>
						<li>
							<p class="discount font-12px">立减200</p>
							<img src="https://i1.mifile.cn/a1/pms_1528719461.20891365!220x220.jpg" alt="">
							<p class="font-14px title">红米6 64GB+4GB 流沙金</p>
							<p class="font-12px info">小屏高性能的双摄手机</p>
							<p class="price font-14px">799元<span>999元</span></p>
						</li>

					</div>
				</div>


				<div class="site-topbar">
					<img style="width:100%" src="https://i1.mifile.cn/a4/xmad_15461318422543_XRPZS.jpg" alt="">
				</div>
				<div class="brick">
					<h3 style="margin-bottom:20px">家电</h3>
					<div class="tab-nav" id="tab-nav">
						<a href="javascript:;" class="acti">热门</a>
						<a href="javascript:;">电视影音</a>
						<a href="javascript:;">电脑</a>
						<a href="javascript:;">家居</a>
					</div>
					<div class="clear"></div>
					<div class="hide acti">
						<div class="picsbox client ">
							<li style="margin-left:1px;">
								<img style="width:100%;height: 100%; padding:0;margin: 0" src="https://i1.mifile.cn/a4/xmad_15338967362713_dmRBh.jpg"
								 alt="">
							</li>
							<li>
								<p class="discount font-12px">立减20</p>
								<img src="https://i1.mifile.cn/a1/pms_1505264799.43246303.jpg?width=150&height=150" alt="">
								<p class="font-14px title">红米6 64GB+4GB 流沙金</p>
								<p class="font-12px info">小屏高性能的双摄手机</p>
								<p class="price font-14px">79元<span>99元</span></p>
							</li>
							<li>
								<p class="discount font-12px">立减20</p>
								<img src="https://i1.mifile.cn/a1/pms_1522666970.27937468.jpg?width=150&height=150" alt="">
								<p class="font-14px title">红米6 64GB+4GB 流沙金</p>
								<p class="font-12px info">小屏高性能的双摄手机</p>
								<p class="price font-14px">79元<span>99元</span></p>
							</li>
							<li>
								<p class="discount font-12px">立减200</p>
								<img src="https://i1.mifile.cn/a1/pms_1513857241.9291821.jpg?width=150&height=150" alt="">
								<p class="font-14px title">红米6 64GB+4GB 流沙金</p>
								<p class="font-12px info">小屏高性能的双摄手机</p>
								<p class="price font-14px">79元<span>99元</span></p>
							</li>
							<li class="margin-left:1px">
								<p class="discount font-12px">立减200</p>
								<img src="https://i1.mifile.cn/a1/pms_1535440524.10478102.jpg?width=150&height=150" alt="">
								<p class="font-14px title">红米6 64GB+4GB 流沙金</p>
								<p class="font-12px info">小屏高性能的双摄手机</p>
								<p class="price font-14px">799元<span>999元</span></p>
							</li>
						</div>
						<div class="picsbox client">
							<li style="margin-left:1px;margin-top:15px">
								<img style="width:100%;height: 100%; padding:0;margin: 0" src="https://i1.mifile.cn/a4/xmad_15408890613338_IOdDV.jpg"
								 alt="">
							</li>
							<li style="margin-top: 15px">
								<p class="discount font-12px">立减200</p>
								<img src="https://i1.mifile.cn/a1/pms_1481269289.59498154.jpg?width=150&height=150" alt="">
								<p class="font-14px title">红米6 64GB+4GB 流沙金</p>
								<p class="font-12px info">小屏高性能的双摄手机</p>
								<p class="price font-14px">799元<span>999元</span></p>
							</li>
							<li style="margin-top: 15px">
								<p class="discount font-12px">立减200</p>
								<img src="https://i1.mifile.cn/a1/pms_1507877361.06147174.jpg?width=150&height=150" alt="">
								<p class="font-14px title">红米6 64GB+4GB 流沙金</p>
								<p class="font-12px info">小屏高性能的双摄手机</p>
								<p class="price font-14px">799元<span>999元</span></p>
							</li>
							<li style="margin-top: 15px">
								<p class="discount font-12px">立减200</p>
								<img src="https://i1.mifile.cn/a1/pms_1507878667.12359513.jpg?width=150&height=150" alt="">
								<p class="font-14px title">红米6 64GB+4GB 流沙金</p>
								<p class="font-12px info">小屏高性能的双摄手机</p>
								<p class="price font-14px">799元<span>999元</span></p>
							</li>
							<li style="margin-top: 15px">
								<p class="discount font-12px">立减200</p>
								<img src="https://i1.mifile.cn/a1/pms_1521784952.67735645.jpg?width=80&height=80" alt="">
								<p class="font-14px title">红米6 64GB+4GB 流沙金</p>
								<p class="font-12px info">小屏高性能的双摄手机</p>
								<p class="price font-14px">799元<span>999元</span></p>
							</li>

						</div>
					</div>
					<div class="hide">
						<div class="picsbox client ">
							<li style="margin-left:1px;">
								<img style="width:100%;height: 100%; padding:0;margin: 0" src="https://i1.mifile.cn/a4/xmad_15338967362713_dmRBh.jpg"
								 alt="">
							</li>
							<li>
								<p class="discount font-12px">立减20</p>
								<img src="https://i1.mifile.cn/a1/pms_1539315570.63599432!220x220.jpg" alt="">
								<p class="font-14px title">红米6 64GB+4GB 流沙金</p>
								<p class="font-12px info">小屏高性能的双摄手机</p>
								<p class="price font-14px">79元<span>99元</span></p>
							</li>
							<li>
								<p class="discount font-12px">立减20</p>
								<img src="https://i1.mifile.cn/a1/pms_1510111588.69169839!220x220.jpg" alt="">
								<p class="font-14px title">红米6 64GB+4GB 流沙金</p>
								<p class="font-12px info">小屏高性能的双摄手机</p>
								<p class="price font-14px">79元<span>99元</span></p>
							</li>
							<li>
								<p class="discount font-12px">立减200</p>
								<img src="https://i1.mifile.cn/a1/pms_1500287084.72131750!220x220.jpg" alt="">
								<p class="font-14px title">红米6 64GB+4GB 流沙金</p>
								<p class="font-12px info">小屏高性能的双摄手机</p>
								<p class="price font-14px">79元<span>99元</span></p>
							</li>
							<li class="margin-left:1px">
								<p class="discount font-12px">立减200</p>
								<img src="https://i1.mifile.cn/a1/pms_1522318330.86967810!220x220.jpg" alt="">
								<p class="font-14px title">红米6 64GB+4GB 流沙金</p>
								<p class="font-12px info">小屏高性能的双摄手机</p>
								<p class="price font-14px">799元<span>999元</span></p>
							</li>
						</div>
						<div class="picsbox client">
							<li style="margin-left:0;margin-top:15px">
								<img style="width:100%;height: 100%; padding:0;margin: 0" src="https://i1.mifile.cn/a4/xmad_15408890613338_IOdDV.jpg"
								 alt="">
							</li>
							<li style="margin-top: 15px">
								<p class="discount font-12px">立减200</p>
								<img src="https://i1.mifile.cn/a1/pms_1539855763.04646220!220x220.jpg" alt="">
								<p class="font-14px title">红米6 64GB+4GB 流沙金</p>
								<p class="font-12px info">小屏高性能的双摄手机</p>
								<p class="price font-14px">799元<span>999元</span></p>
							</li>
							<li style="margin-top: 15px">
								<p class="discount font-12px">立减200</p>
								<img src="https://i1.mifile.cn/a1/pms_1540366231.87578189!220x220.jpg" alt="">
								<p class="font-14px title">红米6 64GB+4GB 流沙金</p>
								<p class="font-12px info">小屏高性能的双摄手机</p>
								<p class="price font-14px">799元<span>999元</span></p>
							</li>
							<li style="margin-top: 15px">
								<p class="discount font-12px">立减200</p>
								<img src="https://i1.mifile.cn/a1/pms_1499072633.96298268!220x220.jpg" alt="">
								<p class="font-14px title">红米6 64GB+4GB 流沙金</p>
								<p class="font-12px info">小屏高性能的双摄手机</p>
								<p class="price font-14px">799元<span>999元</span></p>
							</li>
							<li style="margin-top: 15px">
								<p class="discount font-12px">立减200</p>
								<img src="https://i1.mifile.cn/a1/pms_1479190789.95594557!220x220.jpg" alt="">
								<p class="font-14px title">红米6 64GB+4GB 流沙金</p>
								<p class="font-12px info">小屏高性能的双摄手机</p>
								<p class="price font-14px">799元<span>999元</span></p>
							</li>

						</div>
					</div>
					<div class="hide">
						<div class="picsbox client ">
							<li style="margin-left:1px;">
								<img style="width:100%;height: 100%; padding:0;margin: 0" src="https://i1.mifile.cn/a4/xmad_15338967362713_dmRBh.jpg"
								 alt="">
							</li>
							<li>
								<p class="discount font-12px">立减20</p>
								<img src="https://i1.mifile.cn/a1/pms_1533266333.04566853!220x220.jpg" alt="">
								<p class="font-14px title">红米6 64GB+4GB 流沙金</p>
								<p class="font-12px info">小屏高性能的双摄手机</p>
								<p class="price font-14px">79元<span>99元</span></p>
							</li>
							<li>
								<p class="discount font-12px">立减20</p>
								<img src="https://i1.mifile.cn/a1/pms_1525231579.56571137!220x220.jpg" alt="">
								<p class="font-14px title">红米6 64GB+4GB 流沙金</p>
								<p class="font-12px info">小屏高性能的双摄手机</p>
								<p class="price font-14px">79元<span>99元</span></p>
							</li>
							<li>
								<p class="discount font-12px">立减200</p>
								<img src="https://i1.mifile.cn/a1/pms_1533196142.85059414!220x220.png" alt="">
								<p class="font-14px title">红米6 64GB+4GB 流沙金</p>
								<p class="font-12px info">小屏高性能的双摄手机</p>
								<p class="price font-14px">79元<span>99元</span></p>
							</li>
							<li class="margin-left:1px">
								<p class="discount font-12px">立减200</p>
								<img src="https://i1.mifile.cn/a1/pms_1524636075.71677607!220x220.jpg" alt="">
								<p class="font-14px title">红米6 64GB+4GB 流沙金</p>
								<p class="font-12px info">小屏高性能的双摄手机</p>
								<p class="price font-14px">799元<span>999元</span></p>
							</li>
						</div>
						<div class="picsbox client">
							<li style="margin-left:0;margin-top:15px">
								<img style="width:100%;height: 100%; padding:0;margin: 0" src="https://i1.mifile.cn/a4/xmad_15408890613338_IOdDV.jpg"
								 alt="">
							</li>
							<li style="margin-top: 15px">
								<p class="discount font-12px">立减200</p>
								<img src="https://i1.mifile.cn/a1/pms_1478248566.62624407!220x220.jpg" alt="">
								<p class="font-14px title">红米6 64GB+4GB 流沙金</p>
								<p class="font-12px info">小屏高性能的双摄手机</p>
								<p class="price font-14px">799元<span>999元</span></p>
							</li>
							<li style="margin-top: 15px">
								<p class="discount font-12px">立减200</p>
								<img src="https://i1.mifile.cn/a1/pms_1490702347.3628109!220x220.png" alt="">
								<p class="font-14px title">红米6 64GB+4GB 流沙金</p>
								<p class="font-12px info">小屏高性能的双摄手机</p>
								<p class="price font-14px">799元<span>999元</span></p>
							</li>
							<li style="margin-top: 15px">
								<p class="discount font-12px">立减200</p>
								<img src="https://i1.mifile.cn/a1/pms_1507878667.12359513.jpg?width=150&height=150" alt="">
								<p class="font-14px title">红米6 64GB+4GB 流沙金</p>
								<p class="font-12px info">小屏高性能的双摄手机</p>
								<p class="price font-14px">799元<span>999元</span></p>
							</li>
							<li style="margin-top: 15px">
								<p class="discount font-12px">立减200</p>
								<img src="https://i1.mifile.cn/a1/pms_1521784952.67735645.jpg?width=80&height=80" alt="">
								<p class="font-14px title">红米6 64GB+4GB 流沙金</p>
								<p class="font-12px info">小屏高性能的双摄手机</p>
								<p class="price font-14px">799元<span>999元</span></p>
							</li>

						</div>
					</div>
					<div class="hide">
						<div class="picsbox client ">
							<li style="margin-left:1px;">
								<img style="width:100%;height: 100%; padding:0;margin: 0" src="https://i1.mifile.cn/a4/xmad_15338967362713_dmRBh.jpg"
								 alt="">
							</li>
							<li>
								<p class="discount font-12px">立减20</p>
								<img src="https://i1.mifile.cn/a1/pms_1472609961.95298675!220x220.jpg" alt="">
								<p class="font-14px title">红米6 64GB+4GB 流沙金</p>
								<p class="font-12px info">小屏高性能的双摄手机</p>
								<p class="price font-14px">79元<span>99元</span></p>
							</li>
							<li>
								<p class="discount font-12px">立减20</p>
								<img src="https://i1.mifile.cn/a1/pms_1506417289.23728408!220x220.jpg" alt="">
								<p class="font-14px title">红米6 64GB+4GB 流沙金</p>
								<p class="font-12px info">小屏高性能的双摄手机</p>
								<p class="price font-14px">79元<span>99元</span></p>
							</li>
							<li>
								<p class="discount font-12px">立减200</p>
								<img src="https://i1.mifile.cn/a1/pms_1510020567.64467830!220x220.jpg" alt="">
								<p class="font-14px title">红米6 64GB+4GB 流沙金</p>
								<p class="font-12px info">小屏高性能的双摄手机</p>
								<p class="price font-14px">79元<span>99元</span></p>
							</li>
							<li class="margin-left:1px">
								<p class="discount font-12px">立减200</p>
								<img src="https://i1.mifile.cn/a1/pms_1496647119.81414190!220x220.jpg" alt="">
								<p class="font-14px title">红米6 64GB+4GB 流沙金</p>
								<p class="font-12px info">小屏高性能的双摄手机</p>
								<p class="price font-14px">799元<span>999元</span></p>
							</li>
						</div>
						<div class="picsbox client">
							<li style="margin-left:0;margin-top:15px">
								<img style="width:100%;height: 100%; padding:0;margin: 0" src="https://i1.mifile.cn/a4/xmad_15408890613338_IOdDV.jpg"
								 alt="">
							</li>
							<li style="margin-top: 15px">
								<p class="discount font-12px">立减200</p>
								<img src="https://i1.mifile.cn/a1/T1OVC_ByY_1RXrhCrK!220x220.jpg" alt="">
								<p class="font-14px title">红米6 64GB+4GB 流沙金</p>
								<p class="font-12px info">小屏高性能的双摄手机</p>
								<p class="price font-14px">799元<span>999元</span></p>
							</li>
							<li style="margin-top: 15px">
								<p class="discount font-12px">立减200</p>
								<img src="https://i1.mifile.cn/a1/pms_1490756071.3088664!220x220.png" alt="">
								<p class="font-14px title">红米6 64GB+4GB 流沙金</p>
								<p class="font-12px info">小屏高性能的双摄手机</p>
								<p class="price font-14px">799元<span>999元</span></p>
							</li>
							<li style="margin-top: 15px">
								<p class="discount font-12px">立减200</p>
								<img src="https://i1.mifile.cn/a1/pms_1506733860.3164711!220x220.jpg" alt="">
								<p class="font-14px title">红米6 64GB+4GB 流沙金</p>
								<p class="font-12px info">小屏高性能的双摄手机</p>
								<p class="price font-14px">799元<span>999元</span></p>
							</li>
							<li style="margin-top: 15px">
								<p class="discount font-12px">立减200</p>
								<img src="https://i1.mifile.cn/a1/pms_1539051273.95659582!220x220.jpg" alt="">
								<p class="font-14px title">红米6 64GB+4GB 流沙金</p>
								<p class="font-12px info">小屏高性能的双摄手机</p>
								<p class="price font-14px">799元<span>999元</span></p>
							</li>
						</div>
					</div>
					<div class="site-topbar">
						<img style="width:100%;margin-top: 40px" src="https://i1.mifile.cn/a4/xmad_15458111068488_CGYnM.jpg" alt="">
					</div>
					<h3>热评产品</h3>
					<div class="clear"></div>
					<div class="interview-box">
						<div class="figure-box">
							<img src="https://i1.mifile.cn/a4/97d80b35-152e-4934-af34-402251458e16" alt="">
							<p class="info font-14px">非常好用，孩子使用防止沉迷于电话影响学习。做工很好，定位基本准确，通话清晰。如果加入时间显示就更完美...</p>
							<p class="user font-12px">来自于 酸小妞～！ 的评价</p>
							<p class="price font-14px">米家车载空气净化器 (… <span>449元</span></p>
						</div>
						<div class="figure-box">
							<img src="https://i1.mifile.cn/a4/aa6b038a-2946-4549-acff-17c58e701556" alt="">
							<p class="info font-14px">非常可爱，一拿到小宝宝还没享受，一帮大宝宝先high了一把，同事也想买，希望早点大卖</p>
							<p class="user font-12px">来自于 刘小姐~ 的评价</p>
							<p class="price font-14px">米家故事器 (… <span>199元</span></p>
						</div>
						<div class="figure-box">
							<img src="https://i1.mifile.cn/a4/54e35fdd-bc68-4a89-bad7-c9c3bb2fc6fe" alt="">
							<p class="info font-14px">包装很让人感动，式样也很可爱，做出的饭全家人都爱吃，超爱五星！手机控制还是不太熟练，最主要是没有连接...</p>
							<p class="user font-12px">来自于 周芷羚～！ 的评价</p>
							<p class="price font-14px">米家电饭煲器 (… <span>999元</span></p>
						</div>
						<div class="figure-box">
							<img src="https://i1.mifile.cn/a4/xmad_15094337975564_BSRIq.jpg" alt="">
							<p class="info font-14px">超级喜欢！小巧玲珑！音质完美！不知道为什么！只要是小米出的东西我都喜欢！那倒是因为那一句？？小米为发...</p>
							<p class="user font-12px">来自于 张超 的评价</p>
							<p class="price font-14px">米家车载空气净化器 (… <span>49元</span></p>
						</div>
					</div>
					<div class="site-topbar">
				<img style="width:100%" src="https://i1.mifile.cn/a4/xmad_15469143362876_taElj.jpg" alt="">
			</div>
					<!-- tabBox组件区域 -->
					<div style="margin-top: 20px;display: flex;justify-content: space-between;height: 420px">
						<div class="tabBox no-margin"   color="green">
    <h4 class="tab-title">图书</h4>
      <div class="tab-body">
         <div class="carousel">
           <h2>放任自流的时光</h2>
           <p class="info">[美] 苏西·罗托洛 / 陈震 / 光明日报出版社 / 2011-11 /</p>
           <p class="price">￥29.37元</p>
           <img width="35%" src="https://img.discogs.com/RbO_Zux2zYbbZjBjNNxZPBFlW9E=/fit-in/600x600/filters:strip_icc():format(jpeg):mode_rgb():quality(90)/discogs-images/R-9587200-1483213325-5153.jpeg.jpg" alt="">
         </div>
         <div class="carousel">
           <h2>7-11零售的哲学</h2>
           <p class="info">[日] 铃木敏文 / 顾晓琳 / 江苏文艺出版社 / 2014-12-1 / 36</p>
           <p class="price">29.37元</p>
           <img  width="35%" src="https://marketplace.canva.com/MACV2Ehunsw/1/0/thumbnail_large/canva-blue-photo-science-fiction-book-cover-MACV2Ehunsw.jpg" alt="">
         </div>
         <div class="carousel">
           <h2>哈利波特与被诅咒的孩子</h2>
           <p class="info">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！</p>
           <p class="price">29.37元</p>
           <img src="https://i1.mifile.cn/a4/5e5da924-84e3-4959-9e25-5891cdf30757" alt="">
         </div>
         <div class="carousel">
           <h2>更多书籍</h2>
           <p class="info">海量好书，享受精品阅读时光漂亮的中文排版，千万读者选择！</p>
           <p class="price">29.37元</p>
           <img src="https://s01.mifile.cn/i/index/more-duokan.jpg" alt="">
         </div>
      </div>
    
    <div class="tab-dot">
      <div class="active"><p class='dot'></p></div>
      <div><p class='dot '></p></div>
      <div><p class='dot'></p></div>
      <div><p class='dot'></p></div>
    </div>
    <div class="tab-ctrl">
      <p class="left"><</p>
      <p class="right">></p>
    </div>
  </div>
  <div class="tabBox" color="orange">
    <h4 class="tab-title">MIUI主题</h4>
      <div class="tab-body">
         <div class="carousel">
           <h2>超萌超可爱 LINE FRIENDS</h2>
           <p class="info">LINE FRIENDS温暖圣诞...</p>
           <p class="price">37米币</p>
           <img src="https://i1.mifile.cn/a4/xmad_15455375311243_mBvyR.png" alt="">
         </div>
         <div class="carousel">
           <h2>蚂蚁2</h2>
           <p class="info">小米主题和迪士尼首度合作，打造精品漫威系列主题</p>
           <p class="price">27米币</p>
           <img src="https://i1.mifile.cn/a4/xmad_15357000957252_GpoLc.png" alt="">
         </div>
         <div class="carousel">
           <h2>复仇者联盟3-我的英雄</h2>
           <p class="info">28张超级英雄个人专属锁屏及桌面壁纸随你挑！</p>
           <p class="price">84米币</p>
           <img src="https://i1.mifile.cn/a4/xmad_15290561352349_zNjLT.png" alt="">
         </div>
         <div class="carousel">
           <h2>更多主题</h2>
           <p class="info">众多个性主题、百变锁屏与自由桌面让你的手机与众不同！</p>
           <p class="price">84米币</p>
           <img src="https://s01.mifile.cn/i/index/more-miui.jpg" alt="">
         </div>
      </div>
    <div class="tab-dot" >
      <div class="active"><p class='dot'></p></div>
      <div><p class='dot'></p></div>
      <div><p class='dot'></p></div>
      <div><p class='dot'></p></div>
    </div>
    <div class="tab-ctrl">
      <p class="left"><</p>
      <p class="right">></p>
    </div>
  </div>
  <div class="tabBox" color="red">
    <h4 class="tab-title">游戏</h4>
      <div class="tab-body">
         <div class="carousel">
           <h2>非人学院</h2>
           <p class="info">脑洞大开的二次元竞技手游</p>
           <p class="price">29.37元</p>
           <img src="https://i1.mifile.cn/a4/xmad_15299832299419_eIPOw.png" alt="">
         </div>
         <div class="carousel">
           <h2>小米超神</h2>
           <p class="info">实力派，一起团，是兄弟就来砍我！</p>
           <p class="price"></p>
           <img src="https://i1.mifile.cn/a4/xmad_15120234492499_MNEVo.png" alt="">
         </div>
         <div class="carousel">
           <h2>蜜柚游戏平台</h2>
           <p class="info">在电脑上玩遍小米所有手游</p>
           <p class="price">免费</p>
           <img src="https://i1.mifile.cn/a4/T1czW_BXCv1R4cSCrK.png" alt="">
         </div>
      </div>
    <div class="tab-dot">
      <div class="active"><p class='dot'></p></div>
      <div><p class='dot'></p></div>
      <div><p class='dot'></p></div>
    </div>
    <div class="tab-ctrl">
      <p class="left"><</p>
      <p class="right">></p>
    </div>
  </div>
  <div class="tabBox" color="blue">
    <h4 class="tab-title">应用</h4>
      <div class="tab-body">
         <div class="carousel">
           <h2>2017金米奖</h2>
           <p class="info">最优秀应用</p>
           <p class="price">29.37元</p>
           <img src="https://i1.mifile.cn/a4/3332da7d-4056-4694-9548-c83b7b3af7d3" alt="">
         </div>
         <div class="carousel">
           <h2>Forest</h2>
           <p class="info">帮助您专心于生活中每个重要时刻</p>
           <p class="price"></p>
           <img src="https://i1.mifile.cn/a4/T1TkKvBCKv1R4cSCrK.png" alt="">
         </div>
         <div class="carousel">
           <h2>蜜柚游戏平台</h2>
           <p class="info">在电脑上玩遍小米所有手游</p>
           <p class="price">免费</p>
           <img src="https://i1.mifile.cn/a4/T1czW_BXCv1R4cSCrK.png" alt="">
         </div>
      </div>
    <div class="tab-dot">
      <div class="active"><p class='dot'></p></div>
      <div><p class='dot'></p></div>
      <div><p class='dot'></p></div>
    </div>
    <div class="tab-ctrl">
      <p class="left"><</p>
      <p class="right">></p>
    </div>
  </div>
</div>
<div class="modal">
	123
</div>

			<div class="video">
				<h3>视频</h3>
				<section class="no-margin">
					<img src="https://i1.mifile.cn/a4/xmad_15318974928021_cthgC.jpg" width="100%" alt="">
					<p class="title font-16px">一团火</p>
					<p class="desc font-12px">小米创业8年内部纪录片（手机篇）</p>
					<i class="fa fa-play" aria-hidden="true"></i>
				</section>
				<section>
					<img src="https://i1.mifile.cn/a4/xmad_15278351912522_frJQc.jpg" width="100%" alt="">
					<p class="title font-16px">小米8，一部与众不同的手机</p>
					<p class="desc font-12px">透明探索版，将科技与美学完美结合</p>
					<i class="fa fa-play" aria-hidden="true"></i>
				</section>
				<section>
					<img src="https://i1.mifile.cn/a4/xmad_15278359339164_dDTJC.jpg" width="100%" alt="">
					<p class="title font-16px">小米MIX 2S，一面科技 一面艺术</p>
					<p class="desc font-12px">艺术品般陶瓷机身，惊艳、璀璨）</p>
					<i class="fa fa-play" aria-hidden="true"></i>
				</section>
				<section>
					<img src="https://i1.mifile.cn/a4/xmad_15278358912266_LDHfI.jpg" width="100%" alt="">
					<p class="title font-16px">生活中无所不在的小爱同学</p>
					<p class="desc font-12px">一句话搞定手机复杂操作</p>
					<i class="fa fa-play" aria-hidden="true"></i>
				</section>
				<div class="modal">
				</div>
				<div class="video-area" id="videoArea">
						<h3 class="title"></h3><span class="close">x</span>
						<video width="853px" id="videoSrc" src="" controls="controls"><source  type="video/mp4" src=""></video>
					</div>
			</div>
			
					<div class="fixed-menu">
						<i class="fa fa-mobile-phone"></i>
						<i class="fa fa-user"></i>
						<i class="fa fa-headphones"></i>	
						<i class="fa fa-shopping-cart"></i>	
						<a href="javascript:;"><i class="fa fa-hand-o-up"></i> </a> 
					</div>
				</div>
				

		</div>
		<div class="full-wrap">
				<div class="customer-service-area">
					<div class="hd">
						<li class="no-border"><i class="fa fa-cogs"></i>预约维修服务</li>
						<li><i class="fa fa-reply-all" ></i>7天无理由退货</li>
						<li><i class="fa fa-exchange" ></i>15天免费换货</li>
						<li><i class="fa fa-truck" ></i>满150元包邮</li>
						<li><i class="fa fa-shopping-bag"></i>520余家售后网点</li>						
					</div>
					<div class="bd">
						<ul>帮助中心
              <li>账号管理</li>
              <li>购物指南</li>
              <li>订单操作</li>
						</ul>
						<ul>服务支持
							<li>售后政策</li>
							<li>自动服务</li>
							<li>相关下载</li>
						</ul>
						<ul>线下门店
							<li>小米之家</li>
							<li>服务网点</li>
							<li>授权体验店</li>
						</ul>
						<ul>关于小米
							<li>了解小米</li>
							<li>加入小米</li>
							<li>投资者关系</li>
						</ul>
						<ul>关注我们
							<li>新浪微博</li>
							<li>官方微信</li>
							<li>联系我们</li>
						</ul>
						<ul>特色服务
							<li>F 码通道</li>
							<li>礼物码</li>
							<li>防伪查询</li>
						</ul>
						<ul>
							<p class="phone">400-100-5678</p>
							<p class="office-hour">周一至周日 8:00-18:00</p>
							<p class="contact-us">联系我们</p>
						</ul>

					</div>	
					<img class="foot-logo" src="images/logo.jpg" alt="">
					<div class="pre">
						
<pre class="one font-14px">
小米商城|MIUI|米家|米聊|多看|游戏|路由器|米粉卡|政企服务|小米天猫店|隐私政策|商城用户协议|账号协议|问题反馈|廉正举报|诚信合规|Select Region
</pre>
<pre class="sec font-12px">
© mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2017]1530-131号 
（京）网械平台备字（2018）第00005号 互联网药品信息服务资格证 (京) -非经营性-2014-0090 营业执照 医疗器械公告 
增值电信业务许可证  网络食品经营备案（京）【2018】WLSPJYBAHF-12   食品经营许可证 
违法和不良信息举报电话：185-0130-1238 知识产权侵权投诉 本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
</pre>
					</div>
				</div>
		</div>
	</div>
</header>
<footer>探索黑科技，小米为发烧而生	</footer>

</body>
<script src="js/main.js"></script>
</html>